import Vue from 'vue'
import VueRouter from 'vue-router'
import Main from '../views/main.vue'
import Switch from '../views/pages/switch.vue'
import Radio from '../views/pages/radio.vue'
import Toast from '../views/pages/toast.vue'
import Loading from '../views/pages/loading.vue'
import Message from '../views/pages/message.vue'
import Card from '../views/pages/card.vue'




Vue.use(VueRouter)

const routes = [
    {
        path: '/',
        name: 'main',
        component: Main,
    },
    {
        path: '/switch',
        name: 'switch',
        component: Switch,
    },
    {
        path: '/radio',
        name: 'radio',
        component: Radio,
    },
    {
        path: '/toast',
        name: 'toast',
        component: Toast,
    },
    {
        path: '/loading',
        name: 'loading',
        component: Loading,
    },
    {
        path: '/message',
        name: 'message',
        component: Message,
    },
    {
        path: '/card',
        name: 'card',
        component: Card,
    }
]

const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes
})

export default router
